import { getStore, setStore } from '@/util/store'
import { diff } from '@/util/util'
import website from '@/const/website'

const isFirstPage = website.isFirstPage
const tagWel = website.firstPage
const tagObj = {
    label: '', // 标题名称
    value: '', // 标题的路径
    params: '', // 标题的路径参数
    query: '', // 标题的参数
    group: [] // 分组
}

// 处理首个标签
function setFistTag(list) {
    if (list.length === 1) {
        list[0].close = false
    } else if (list.length === 0) {
        list = [tagWel]
    } else {
        list.forEach(ele => {
            if (ele.value === tagWel.value && isFirstPage === false) {
                ele.close = false
            } else {
                ele.close = true
            }
        })
        if (list[0].value != tagWel.value) {
            list.splice(0, 0, tagWel)
        }
    }
}

const navs = {
    state: {
        tagList: getStore({ name: 'tagList' }) || [tagWel],
        tag: getStore({ name: 'tag' }) || tagObj,
        tagWel: tagWel
    },
    actions: {},
    mutations: {
        ADD_TAG: (state, action) => {
            state.tag = action
            setStore({ name: 'tag', content: state.tag, type: 'session' })
            if (state.tagList.some(ele => diff(ele, action))) return
            state.tagList.push(action)
            setFistTag(state.tagList)
            setStore({ name: 'tagList', content: state.tagList, type: 'session' })
        },
        DEL_TAG: (state, action) => {
            state.tagList = state.tagList.filter(item => {
                return !diff(item, action)
            })
            setFistTag(state.tagList)
            setStore({ name: 'tagList', content: state.tagList, type: 'session' })
        },
        DEL_ALL_TAG: (state) => {
            state.tagList = [state.tagWel]
            setStore({ name: 'tagList', content: state.tagList, type: 'session' })
        },
        DEL_TAG_OTHER: (state) => {
            state.tagList = state.tagList.filter(item => {
                if (item.value === state.tag.value) {
                    return true
                } else if (!website.isFirstPage && item.value === website.firstPage.value) {
                    return true
                }
            })
            setFistTag(state.tagList)
            setStore({ name: 'tagList', content: state.tagList, type: 'session' })
        }
    }
}
export default navs
